

<HTML>
<HEAD>
<TITLE>20th Test of Section 12.6 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
p { margin-left: 12em; }
@media screen, print {
  p.note:before
     display: marker;
     content: url("ovalbbut.gif")
              "Note " counter(note-counter) ":";
     counter-increment: note-counter;
     text-align: left;
     width: 10em;
    }
  }
</STYLE>
</HEAD>




<BODY>
<h1 >
Testing 20th Testable Statement of Sec 5.1 of CSS2 Specification
</h1>


<ul>
<li  >
20. Markers can be used to number notes (paragraphs).
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p >
If statement #20 above is passed, then
<p>
This is the first paragraph in this document.</p>
<p class="Note">This is a very short document.</p>
<p>This is the end.</p>
should have divided lines in each paragraph, with "Note 1:" before the
second paragraph.
The rules applied are "p {margin-left: 12em;", "@media screen, print {
p.note:before {display: marker; content: url("ovalbbut.gif") "Note "
counter(note-counter) "."; counter-incremnet: note-counter; text-align:
left; width: 10em; } }".
<p>
All other properties of this page should be UA-default.


</BODY>
</HTML>

